<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>招聘求职</title>
    <link rel="stylesheet" href="../lib/vant/index.css">
    <link rel="stylesheet" href="../lib/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>
<div class="views" id="jobPage" v-cloak>
    <!-- 顶部导航 -->
    <div class="main-header-wrap">
        <van-popup class="main-popup" v-model="showNav" :overlay="false">
            <div class="main-nav">
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./index.html">· 首页</a>
                    </dt>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./enterprise_service.html">· 企业服务</a>
                    </dt>
                    <dd class="item-bd">
                        <a class="van-hairline--bottom van-hairline--right" href="enterprise_service/dispatching_service.html">人事外包</a>
                        <a class="van-hairline--bottom" href="enterprise_service/personnel_agency.html">代理服务</a>
                        <a class="van-hairline--bottom van-hairline--right" href="enterprise_service/recruitment.html">招聘服务</a>
                        <a class="van-hairline--bottom" href="enterprise_service/employee_benefits.html">人事福利</a>
                        <a class="van-hairline--right" href="enterprise_service/consulting.html">咨询服务</a>
                        <a class="" href="enterprise_service/workforce_experts.html">职场专家</a>
                    </dd>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./staff_service.html">· 员工服务</a>
                    </dt>
                    <dd class="item-bd">
                        <a class="van-hairline--bottom van-hairline--right" href="staff_service/staff_enrolling.html">员工入职</a>
                        <a class="van-hairline--bottom van-hairline--right" href="staff_service/employee_turnover.html">员工离职</a>
                        <a class="van-hairline--right" href="staff_service/staff_management.html">员工管理</a>
                        <a class="" href="staff_service/faq_download.html">常见问题及表格下载</a>
                    </dd>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./job.html">· 招聘求职</a>
                    </dt>
                    <dd class="item-bd">
                        <a class="van-hairline--right" href="job/headhunting.html">猎头岗位</a>
                        <a class="" href="job/hotjobs.html">热招职位</a>
                    </dd>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./government_solutions.html">· 政策服务</a>
                    </dt>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./about_us.html">· 关于我们</a>
                    </dt>
                </dl>
            </div>
        </van-popup>
        <div class="main-header flex" :class="{'bg-white': !showNav}">
            <a href="./index.html" class="logo" style="background-image: url(../images/logo.png)"></a>
            <span class="menu" @click="showPopup">
            <em :class="{'close': showNav}"></em>
            <div>{{showNav ? 'CLOSE': 'MENU'}}</div>
        </span>
        </div>
    </div>
    <!-- 主体内容 -->
    <div class="main-content">
        <div class="main-focus" style="background-image: url(../images/top_banner_5.jpg)">
            <div class="inner">
                <h3>招聘求职</h3>
                <p>Common problem and form download</p>
            </div>
        </div>
        <div class="main-short-title" style="padding: 30px 0 15px">
            <h3 class="m-title s-tc">招聘求职</h3>
            <p class="m-info">西安外服目前在招职位，包括中高层管理、精英专才岗位，快消零售、IT互联网、制造业等行业人才，市场营销、财务会计等岗位人才长期在招。</p>
        </div>
        <!-- 猎头岗位 -->
        <div class="enterprise-floor bg-gray">
            <div class="f-content">
                <div class="main-floor-title">
                    <div class="en">Headhunting position</div>
                    <div class="cn">猎头岗位</div>
                </div>
                <ul class="job-card-list mb-25">
                    <li class="list-item">
                        <a href="job/job1_1.html" class="item-link">
                            <div class="card-header van-hairline--bottom">
                                <div class="hd-line1">
                                    <strong class="name">工程报建管理岗</strong>
                                    <span class="num">招聘1人</span>
                                </div>
                                <div class="hd-line2"><span>5-10年</span>/<span>本科</span></div>
                            </div>
                            <div class="card-footer">
                                <div class="ft-left van-ellipsis">
                                    <span class="name">【开发区知名国企招聘】</span>
                                    <span class="local">西安</span>
                                </div>
                                <div class="ft-right">
                                    <span>查看更多>></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="list-item">
                        <a href="job/job1_2.html" class="item-link">
                            <div class="card-header van-hairline--bottom">
                                <div class="hd-line1">
                                    <strong class="name">建筑设计师</strong>
                                    <span class="num">招聘1人</span>
                                </div>
                                <div class="hd-line2"><span>5-10年</span>/<span>本科</span></div>
                            </div>
                            <div class="card-footer">
                                <div class="ft-left van-ellipsis">
                                    <span class="name">【开发区知名国企招聘】</span>
                                    <span class="local">西安</span>
                                </div>
                                <div class="ft-right">
                                    <span>查看更多>></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="list-item">
                        <a href="job/job1_3.html" class="item-link">
                            <div class="card-header van-hairline--bottom">
                                <div class="hd-line1">
                                    <strong class="name">给排水主管工程师</strong>
                                    <span class="num">招聘1人</span>
                                </div>
                                <div class="hd-line2"><span>3-5年</span>/<span>本科</span></div>
                            </div>
                            <div class="card-footer">
                                <div class="ft-left van-ellipsis">
                                    <span class="name">【开发区知名国企招聘】</span>
                                    <span class="local">西安</span>
                                </div>
                                <div class="ft-right">
                                    <span>查看更多>></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="list-item">
                        <a href="job/job1_4.html" class="item-link">
                            <div class="card-header van-hairline--bottom">
                                <div class="hd-line1">
                                    <strong class="name">电气主管工程师</strong>
                                    <span class="num">招聘1人</span>
                                </div>
                                <div class="hd-line2"><span>3-5年</span>/<span>本科</span></div>
                            </div>
                            <div class="card-footer">
                                <div class="ft-left van-ellipsis">
                                    <span class="name">【开发区知名国企招聘】</span>
                                    <span class="local">西安</span>
                                </div>
                                <div class="ft-right">
                                    <span>查看更多>></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="list-item">
                        <a href="job/job1_5.html" class="item-link">
                            <div class="card-header van-hairline--bottom">
                                <div class="hd-line1">
                                    <strong class="name">重大项目经理</strong>
                                    <span class="num">招聘2人</span>
                                </div>
                                <div class="hd-line2"><span>3-5年</span>/<span>本科</span></div>
                            </div>
                            <div class="card-footer">
                                <div class="ft-left van-ellipsis">
                                    <span class="name">【开发区知名国企招聘】</span>
                                    <span class="local">西安</span>
                                </div>
                                <div class="ft-right">
                                    <span>查看更多>></span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="list-item">
                        <a href="job/job1_6.html" class="item-link">
                            <div class="card-header van-hairline--bottom">
                                <div class="hd-line1">
                                    <strong class="name">Java开发工程师</strong>
                                    <span class="num">招聘1人</span>
                                </div>
                                <div class="hd-line2"><span>3-5年</span>/<span>本科</span></div>
                            </div>
                            <div class="card-footer">
                                <div class="ft-left van-ellipsis">
                                    <span class="name">西安外国企业服务有限公司</span>
                                    <span class="local">西安</span>
                                </div>
                                <div class="ft-right">
                                    <span>查看更多>></span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
                <div class="op s-tc">
                    <a href="job/headhunting.html" class="index-link">了解更多</a>
                </div>
            </div>
        </div>
        <!-- 热招职位 -->
        <div class="enterprise-floor">
            <div class="f-content">
                <div class="main-floor-title">
                    <div class="en">Hot jobs</div>
                    <div class="cn">热招职位</div>
                </div>
                <ul class="job-card-list mb-25 bg-gray">
                    <li class="list-item">
                        <a href="job/job2_1.html" class="item-link">
                            <div class="card-header van-hairline--bottom">
                                <div class="hd-line1">
                                    <strong class="name">销售助理</strong>
                                    <span class="num">招聘1人</span>
                                </div>
                                <div class="hd-line2"><span>1年以上</span>/<span>专科</span></div>
                            </div>
                            <div class="card-footer">
                                <div class="ft-left van-ellipsis">
                                    <span class="name">【合资名企】</span>
                                    <span class="local">西安</span>
                                </div>
                                <div class="ft-right">
                                    <span>查看更多>></span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
                <div class="op s-tc">
                    <a href="job/hotjobs.html" class="index-link">了解更多</a>
                </div>
            </div>
        </div>
        <!-- 岗位咨询 -->
        <div class="enterprise-floor bg-gray set-bg" style="background-image: url(../images/job/index_bg.jpg)">
            <div class="main-floor-title">
                <div class="en">Post consultation</div>
                <div class="cn" style="color: #fff">岗位咨询</div>
            </div>
            <van-form class="index-form job-form" scroll-to-error @submit="formSubmit">
                <van-field v-model="form.name"
                           v-model.trim="form.name"
                           name="name"
                           :rules="[{ required: true, message: '请输入您的姓名' }]"
                           placeholder="请输入您的姓名"></van-field>
                <van-field v-model="form.sex"
                           v-model.trim="form.sex"
                           name="sex"
                           placeholder="请输入您的性别"></van-field>
                <van-field v-model="form.age"
                           v-model.trim="form.age"
                           name="age"
                           :rules="[{ validator: ageValid, message: '请输入正确的年龄' }]"
                           placeholder="请输入您的年龄"></van-field>
                <van-field v-model="form.phone"
                           v-model.trim="form.phone"
                           name="phone"
                           :rules="[{ validator: phoneValid, message: '请输入正确的手机号' }]"
                           placeholder="请输入您的手机号"></van-field>
                <van-field v-model="form.email"
                           v-model.trim="form.email"
                           name="email"
                           placeholder="请输入您的邮箱地址"></van-field>
                <van-field v-model="form.education"
                           v-model.trim="form.education"
                           name="education"
                           placeholder="请输入学历学位"></van-field>
                <van-field v-model="form.major"
                           v-model.trim="form.major"
                           name="major"
                           placeholder="请输入您的专业"></van-field>
                <van-field v-model="form.work"
                           v-model.trim="form.work"
                           name="work"
                           placeholder="请输入您的工作经验"></van-field>
                <van-field v-model="form.message"
                           v-model.trim="form.message"
                           name="message"
                           type="textarea"
                           placeholder="请输入您的留言"></van-field>
                <div class="op s-tc mt-15">
                    <van-button class="index-link" native-type="submit">提交</van-button>
                </div>
            </van-form>
        </div>
        <!-- footer -->
        <div class="main-footer">
            <div class="f-hd s-tc">
                <h3>西安外国企业服务有限公司</h3>
                <p>西安外国企业服务有限公司（即XAFESCO，以下简称 “西安外服”）是港股主板上市公司万宝盛华大中华旗下的控股公司。原西安外服于1997年经西安市人民政府批准成立的专业人力资源服务公司。是政府指定为外国企业以及港澳台企业在西安设立常驻代表机构提供承办服务及人力资源服务的专业公司。</p>
            </div>
            <ul class="f-nav s-tc">
                <li><a href="./enterprise_service.html">企业服务</a></li>
                <li><a href="./staff_service.html">员工服务</a></li>
                <li><a href="./job.html">招聘求职</a></li>
                <li><a href="./government_solutions.html">政策服务</a></li>
                <li><a href="./about_us.html">关于我们</a></li>
            </ul>
            <div class="f-ewm s-tc">
                <div class="ewm-item">
                    <img src="../images/ewm.png">
                    <p>关注我们</p>
                </div>
            </div>
            <div class="f-bd s-tc">
                <div class="logo">
                    <img src="../images/logo_f.png">
                </div>
                <p class="p1">http://www.xafesco.com<br>西安市碑林区和平路118号和平银座908-910室（大差市十字西南角）</p>
                <p class="p2">备案号：123456789</p>
            </div>
        </div>
    </div>
</div>
<script src="../lib/jquery-3.4.1.min.js"></script>
<script src="../lib/vue.min.js"></script>
<script src="../lib/vant/vant.min.js"></script>
<script src="../js/common.js"></script>
<script>
    new Vue({
        el: '#jobPage',
        mixins: [commonMixin],
        data: function () {
            return {
                form: {
                    name: '',
                    sex: '',
                    age: '',
                    phone: '',
                    email: '',
                    education: '',
                    major: '',
                    work: '',
                    message: '',
                }
            }
        },
        mounted: function () {
            // 岗位咨询
            $('.job-form .van-field__control').on('focus', function () {
                $(this).parents('.van-field__body').addClass('field-focus');
            }).on('blur', function () {
                $(this).parents('.van-field__body').removeClass('field-focus');
            });
            // 定义toast的展示时长
            this.$toast.setDefaultOptions({ duration: 3000 });
        },
        methods: {
            formSubmit: function (datas) {
                var that = this;
                $.ajax({
                    type: 'post',
                    url: 'http://www.xafesco.com/job/xawf/consultation',
                    data: datas,
                    dataType: 'json',
                    beforeSend:function (response) {
                        that.$toast.loading({ message: '提交中...', duration: 0, forbidClick: true });
                    },
                    success: function(response) {
                        if (response.code == 200) {
                            that.$toast({
                                message: '信息发送成功',
                                onClose: function () {
                                    $.each(that.form, function(key, value){
                                        that.form[key] = '';
                                    });
                                }
                            })
                        } else {
                            that.$toast(response.msg || '信息发送失败');
                        }
                    },
                    error: function(){
                        that.$toast('信息发送失败，请稍后再试');
                    }
                });
            }, // 岗位咨询
            ageValid: function (val) {
                return  /^[1-9]\d*$/.test(val);
            }, // 年龄
            phoneValid: function (val) {
                return  /^1[3456789]\d{9}$/.test(val);
            }, // 验证手机号
        }
    })
</script>
</body>
</html>
